
.cf-video-player .bottom-box{
    -fx-background-color: linear-gradient(from 0.0% 100.0% to 0.0% 0.0%, rgba(0,0,0,0.8) 0.0%, rgba(0,0,0,0) 100.0%);
}
.cf-video-player .bottom-box > .bottom{
    -fx-padding: 10px 10px;
}
.cf-video-player .bottom-box > .bottom > .time-label{
    -fx-text-fill: rgb(255,255,255);
    -fx-font-size: 12px;
}
.cf-video-player .buttons{
    -fx-spacing: 5px;
    -fx-alignment: center;
}
.cf-video-player .buttons > .button{
    -fx-pref-width: 40px;
    -fx-pref-height: 40px;
    -fx-padding: 0px;
    -fx-background-insets: 0px;
    -fx-background-color: transparent;
    -fx-background-radius: 20px;
    -fx-cursor: hand;
}
.cf-video-player .buttons > .play:hover{
    -fx-background-color: rgb(255,255,255,0.05);
}
.cf-video-player .buttons > .play > .ikonli-font-icon{
    -fx-font-size: 30px;
    -fx-icon-color: rgb(255,255,255);
}
.cf-video-player .buttons > .rewind > .ikonli-font-icon,
.cf-video-player .buttons > .fast-forward > .ikonli-font-icon{
    -fx-font-size: 20px;
    -fx-icon-color: rgb(255,255,255);
}
.cf-video-player .bottom-right{
    -fx-spacing: 10px;
    -fx-alignment: center;
}
.cf-video-player .bottom-right > .button{
    -fx-padding: 0px;
    -fx-background-insets: 0px;
    -fx-background-color: transparent;
    -fx-cursor: hand;
}
.cf-video-player .bottom-right > .button > .ikonli-font-icon{
    -fx-font-size: 20px;
    -fx-icon-color: rgb(255,255,255);
}
.cf-video-player .bottom-right > .volume-box{
/*    -fx-padding: 0px 15px;*/
    -fx-spacing: 10px;
/*    -fx-pref-height: 30px;
    -fx-max-height: 30px;*/
    -fx-alignment: center-left;
/*    -fx-background-color: rgb(255,255,255,0.1);
    -fx-background-radius: 15px;*/
}
.cf-video-player .bottom-right > .volume-box > .volume{
    -fx-font-size: 15px;
    -fx-icon-color: rgb(255,255,255);
}